/**
 * useState 体验
 */
import React, {useState} from 'react'

//组件首字母一定要大写
export default function StateCom() {
  //声明一个状态  count 是状态变量, 保存着状态值,  setCount 是一个函数, 用来修改状态值
  let [count, setCount] = useState(100);// 0 是状态的初始值   useState 返回值是一个『数组』
  let [count2, setCount2] = useState(200);

  //声明   handle 处理  click 点击
  let handleClick = () => {
    setCount(count + 1); // setCount 执行, 重新执行 StateCom 组件函数
    setCount2(count2 + 1);
  }

  let handleClick2 = () => {
    setCount(count + 1);
    //更新状态
    setCount(count => {
      return count + 1;// 
    });
  }

  return (
    <div>
      <h2>{count}</h2>
      <h2>{count2}</h2>
      <h2></h2>
      <button onClick={handleClick}>新增</button>
      <button onClick={handleClick2}>新增</button>
    </div>
  )
}
